.clear{clear: left;}
.tar{text-align: right;}
.tal{text-align: left;}


.dr{height: 5px; margin: 20px 0px; width: 100%; clear: left; background: url("/static/img/backgrounds/divider.png") left center repeat-x;}
    .dr span{background: url("/static/img/backgrounds/divider_span.png") center center no-repeat; width: 100%; height: 5px; display: block;}
    .menu .dr{float: left; margin: 10px 0px;}

.header{display: block; height: 40px; width: 100%; position: absolute; z-index: 998; background: url("/static/img/backgrounds/header.jpg") left top repeat-x;}
.logo{
        width: 200px;
        height: 30px;
        float:left;
        color: #fff;
        font-size: 20px;
        padding-top: 10px;
    }
                

.menu{display: block; width: 219px; position: absolute; margin-top: 40px; z-index: 999; background: url("/static/img/backgrounds/menu.jpg") left top repeat;
      border-bottom: 1px solid #CCCCCC; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;
      -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
      border-right/*\**/: 1px solid #D5D5D5;}
    .menu .breadLine .arrow{ position: absolute; left: 110px; top: -12px; background: url("/static/img/menu-arrow-top.png") left top repeat; width: 17px; height: 12px; display: none; }
    /* ~ADMIN~ */
    
    .adminControl{
        padding: 1px 10px 0px;
        float: left;
        font-size: 11px;
        color: #333;
        width: 194px; cursor: pointer; -moz-text-shadow: 0 1px 0 #FFFFFF; -webkit-text-shadow: 0 1px 0 #FFFFFF; text-shadow: 0 1px 0 #FFFFFF;}

    /* ~NAVIGATION~ */
    .navigation{list-style: none; position: relative; padding: 0px; margin: 0px; float: left;}
        .navigation li{
            border-top: 1px solid #335A85;
            border-right: 1px solid #335A85;
            background: url("/static/img/backgrounds/menu-item.jpg") left top repeat-x;
            padding: 0px;
            margin: 0px;
            display: block;
            float: left;
            width: 219px;
            position: relative;
        }
        
        .menu .navigation li:hover,.menu .navigation li.active{border-color: #143D6B; background: url("/static/img/backgrounds/menu-item-active.jpg") left top repeat-x;}



        .navigation li > a{  color: #fff; text-decoration: none; padding: 0px; display: block; float: left; width: 219px; position: relative; -moz-text-shadow: 0 1px 0 #333; -webkit-text-shadow: 0 1px 0 #333; text-shadow: 0 1px 0 #333;}
            .navigation li > a span.text{
            width: 183px;
            padding: 9px 0px;
            display: block;
            margin-left: 10px;
            float: left;
            overflow: hidden;
            text-align:left;
            }

        .navigation li.openable > ul{padding: 0px; margin: 0px; float: left; width: 219px; display: none;}
        .navigation li.active > ul{display: block !important;}
            .navigation li > ul > li{display: block; float: left; width: 219px; background: #F2F2F2; border-top: 1px solid #FCFCFC !important; border-bottom: 1px solid #E4E8ED !important; border-right-color: #E4E8ED !important;}
            .navigation li > ul > li:hover,
            .navigation li > ul > li.active{background: #EDEDED !important;}
            .navigation li > ul > li > a{display: block; float: left; padding-left: 10px; width: 175px;}
            .navigation li > ul > li > a span.text{ color: #333; font-size: 11px; padding: 6px 0px; width: 140px; -moz-text-shadow: 0 1px 0 #FFFFFF; -webkit-text-shadow: 0 1px 0 #FFFFFF; text-shadow: 0 1px 0 #FFFFFF;}
            .navigation li > ul > li > a [class*="icon-"]{margin: 9px 0px 7px 10px; display: block; float: left;}

            
    /* ~NAVIGATION~ */
    

    
    .menu .widget, .menu .widget-fluid{display: block; float: left; width: 200px; padding: 0px 10px;}
    .menu .widget-fluid{padding: 0px; width: 219px;}

    .menu .widget .input-append, .menu .widget-fluid .input-append{margin-bottom: 0px;}

.breadLine{height: 23px; border-bottom: 1px solid #CCC; background: url("/static/img/backgrounds/nav.jpg") left top repeat-x; border-bottom: 1px solid #CCC;}
    .breadLine .breadcrumb{float: left;}
        .breadLine .breadcrumb, .breadLine .breadcrumb li, .breadLine .breadcrumb a{font-size: 11px;}

    
    .breadLine .buttons li .popup{right: 0px; top: 35px;}

.content{position: relative; margin-left: 220px; padding-top: 40px;}
    .content .workplace{position: relative; padding: 20px;}

    
        /* ~BOXES~ */
        
        
        
        .content .workplace .head{background: url("/static/img/backgrounds/box-head.jpg") left top repeat-x; background-clip: padding-box; border: 1px solid #335A85;
                                 -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px;
                                 -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;
                                 -o-border-top-left-radius: 3px; -o-border-top-right-radius: 3px;
                                 -ms-border-top-left-radius: 3px; -ms-border-top-right-radius: 3px;
                                 border-top-left-radius: 3px; border-top-right-radius: 3px;
                                 }
            .content .workplace .head h1, .content .workplace .head h2, .content .workplace .head h3, .content .workplace .head h4, .content .workplace .head h5, .content .workplace .head h6{
                font-size: 12px; color: #fff; line-height: 22px; padding: 8px 0px; margin: 0px; font-weight: bold; margin-left: 10px; display: block; float: left;
                -moz-text-shadow: 0 1px 0 #333; -webkit-text-shadow: 0 1px 0 #333; text-shadow: 0 1px 0 #333;
            }
            .content .workplace .head .buttons{float: right; background: none; position: relative; list-style: none; margin: 0px;}
                .content .workplace .head .buttons > li{display: block; float: left;}
                .content .workplace .head .buttons li:active, .content .workplace .head .buttons li.active{background: url('/static/img/backgrounds/box-head-active.jpg') left center repeat-x;}
                
                .content .workplace .head .buttons li > a{outline: none;}
                .content .workplace .head .buttons [class*="isw-"], .content .workplace .head .button [class*="isb-"]{ margin: 0px; padding: 11px 10px; border-left: 1px solid #335A85;}
                
                .content .workplace .head .buttons li .dd-list{display: none; position: absolute; z-index: 2; right: -1px; min-width: 150px; list-style: none; padding: 0px; margin: 0px; top: 100%; background-color: #395E88; border: 1px solid #143D6B;}
                    .content .workplace .head .buttons li .dd-list li{display: block; clear: left; border-top: 1px solid #507298; border-bottom: 1px solid #143D6B;}
                    .content .workplace .head .buttons li .dd-list li:last-child{border-bottom: 0px;}
                        .content .workplace .head .buttons li .dd-list li a{line-height: 38px; color: #fff; font-size: 11px; display: block; text-decoration: none;}
                        .content .workplace .head .buttons li .dd-list li a:hover{background-color: #2C517A;}
                            .content .workplace .head .buttons li .dd-list li [class*="isw-"], .content .workplace .head .button .dd-list li [class*="isb-"]{border: 0px;}
            
                .content .workplace .head .buttons > li.s_loader,
                .content .workplace .head .buttons > li.w_loader,
                .content .workplace .head .buttons > li.c_loader,
                .content .workplace .head .buttons > li.loader{border: 0px;}
                    .content .workplace .head .buttons > li.s_loader{padding: 9px 13px;}
                    .content .workplace .head .buttons > li.c_loader{padding: 3px 4px 4px 5px;}
                    .content .workplace .head .buttons > li.w_loader,
                    .content .workplace .head .buttons > li.loader{padding: 3px 5px;}

                    
            .content .workplace .headInfo{background-color: #F1F1F1; border: 1px solid #D5D5D5; padding: 5px; position: relative;
                                          -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
                                          -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;}            
            .content .workplace .headInfo .arrow_down{width: 17px; height: 12px; position: absolute; left: 50%; margin-left: -9px; bottom: -12px; background: url('/static/img/menu-arrow-down.png') left top no-repeat; z-index: 1;}
                .content .workplace .headInfo .image{margin: 0px 10px 5px 5px; float: left;}                
                    .content .workplace .headInfo .image a{display: block; font-weight: bold; text-align: center;}
                .content .workplace .headInfo .info{float: left; font-size: 11px; color: #333;}
                    .content .workplace .headInfo .info address{margin-bottom: 0px;}                    
                    .content .workplace .headInfo .input-append{text-align: right;}                    
                    .content .workplace .headInfo .input-append,
                    .content .workplace .headInfo .input-append button{margin-bottom: 0px;}                                        
                    .content .workplace .headInfo .actions{text-align: right; margin: 5px 0px 0px;}
                        .content .workplace .headInfo .actions .btn-group .btn{margin: 0px;}
                        
                    
            .block,.block-fluid{border: 1px solid #ccc; border-top: 0px; background-color: #F9F9F9;
                    -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px;
                    -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;
                    -o-border-bottom-left-radius: 3px; -o-border-bottom-right-radius: 3px;
                    -ms-border-bottom-left-radius: 3px; -ms-border-bottom-right-radius: 3px;
                    border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
            .block-fluid.without-head,
            .block.without-head{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-top: 1px solid #ccc;}
            .block{padding: 10px;}


            /* ~GALLERY~ */
            
            .block.gallery a{display: inline-block;}
            .block.thumbs .thumbnail{width: 210px; display: inline-block;}
            

            /* ~WIDGET BUTTONS ~*/

            .widgetButtons{border: 0px; text-align: center; padding: 5px 0px;}
                .widgetButtons .bb{border: 1px solid #D5D5D5; padding: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-left: 5px; position: relative;
                                   -moz-box-shadow: inset 0 0 5px #D5D5D5; -webkit-box-shadow: inset 0 0 5px #D5D5D5; box-shadow: inset 0 0 5px #D5D5D5; background-color: #FFF; display: inline-block;}

            .widgetButtons .bb:first-child{margin: 0px;}
                .widgetButtons .bb a span[class^=ibb]{opacity: 0.8;}

            .widgetButtons .bb > a{display: block; float: left; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}


            .widgetButtons .red a, .wBlock.red{
                border: 1px solid #AF2D1C;
                background: #CB2C1A;
                background: -moz-linear-gradient(top, #D96D3A 0%, #CB2C1A 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D96D3A), color-stop(100%,#CB2C1A));
                background: -webkit-linear-gradient(top, #D96D3A 0%,#CB2C1A 100%);
                background: -o-linear-gradient(top, #D96D3A 0%,#CB2C1A 100%);
                background: -ms-linear-gradient(top, #D96D3A 0%,#CB2C1A 100%);
                background: linear-gradient(top, #D96D3A 0%,#CB2C1A 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D96D3A', endColorstr='#CB2C1A',GradientType=0 );
                -moz-box-shadow: 0 1px 1px #AF2D1C, 0px 1px 0 #FC9E76 inset;
                -webkit-box-shadow: 0 1px 1px #AF2D1C, 0px 1px 0 #FC9E76 inset;
                box-shadow: 0 1px 1px #AF2D1C, 0px 1px 0 #FC9E76 inset;
            }

            .widgetButtons .green a, .wBlock.green{
                border: 1px solid #677C13;
                background: #829E18;
                background: -moz-linear-gradient(top, #ADC800 0%, #829E18 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ADC800), color-stop(100%,#829E18));
                background: -webkit-linear-gradient(top, #ADC800 0%,#829E18 100%);
                background: -o-linear-gradient(top, #ADC800 0%,#829E18 100%);
                background: -ms-linear-gradient(top, #ADC800 0%,#829E18 100%);
                background: linear-gradient(top, #ADC800 0%,#829E18 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADC800', endColorstr='#829E18',GradientType=0 );
                -moz-box-shadow: 0 1px 1px #677C13, 0px 1px 0 #DEF92F inset;
                -webkit-box-shadow: 0 1px 1px #677C13, 0px 1px 0 #DEF92F inset;
                box-shadow: 0 1px 1px #677C13, 0px 1px 0 #DEF92F inset;
            }


            .widgetButtons .blue a, .wBlock.blue{
                border: 1px solid #7E8FC4;
                background: #73A4D9;
                background: -moz-linear-gradient(top, #90C2EE 0%, #73A4D9 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90C2EE), color-stop(100%,#73A4D9));
                background: -webkit-linear-gradient(top, #90C2EE 0%,#73A4D9 100%);
                background: -o-linear-gradient(top, #90C2EE 0%,#73A4D9 100%);
                background: -ms-linear-gradient(top, #90C2EE 0%,#73A4D9 100%);
                background: linear-gradient(top, #90C2EE 0%,#73A4D9 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90C2EE', endColorstr='#73A4D9',GradientType=0 );
                -moz-box-shadow: 0 1px 1px #7E8FC4, 0px 1px 0 #B2DBFF inset;
                -webkit-box-shadow: 0 1px 1px #7E8FC4, 0px 1px 0 #B2DBFF inset;
                box-shadow: 0 1px 1px #7E8FC4, 0px 1px 0 #B2DBFF inset;
            }

            .widgetButtons .bb a:active{
                -moz-box-shadow: 0px 0px 1px #444 inset;
                -webkit-box-shadow: 0px 0px 1px #444 inset;
                box-shadow: 0px 0px 1px #444 inset;
            }

            .widgetButtons .bb .caption{position: absolute; right: -5px; top: -5px; font-size: 11px; display: block; padding: 2px 2px; line-height: 13px;
                                        -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #416C9B; color: #FFF; border: 1px solid #416C9B;}

            .widgetButtons .bb .caption.gray{color: #333; border: 1px solid #D9D9D9; background: #E5E5E5;}
            .widgetButtons .bb .caption.yellow{ border: 1px solid #D6AB00; background: #ECB200; }
            .widgetButtons .bb .caption.red{ border: 1px solid #AF2D1C; background: #CB2C1A; }
            .widgetButtons .bb .caption.green{ border: 1px solid #677C13; background: #829E18; }
            .widgetButtons .bb .caption.blue{ border: 1px solid #7E8FC4; background: #73A4D9; }
                        
            
            /* ~WIDGET BUTTONS ~*/



            /* block widget */
                .wBlock{position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; padding: 0px 5px 5px;
                        color: #FFF;
                        background: #416C9B;
                        background: -moz-linear-gradient(top, #5B7EA4 0%, #416C9B 100%);
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5B7EA4), color-stop(100%,#416C9B));
                        background: -webkit-linear-gradient(top, #5B7EA4 0%,#416C9B 100%);
                        background: -o-linear-gradient(top, #5B7EA4 0%,#416C9B 100%);
                        background: -ms-linear-gradient(top, #5B7EA4 0%,#416C9B 100%);
                        background: linear-gradient(top, #5B7EA4 0%,#416C9B 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5B7EA4', endColorstr='#416C9B',GradientType=0 );
                        -moz-box-shadow: 0 1px 1px #222, 0px 1px 0 #7797ba inset;
                        -webkit-box-shadow: 0 1px 1px #222, 0px 1px 0 #7797ba inset;
                        box-shadow: 0 1px 1px #222, 0px 1px 0 #7797ba inset;
                }

                    .wBlock .wSpace{background-color: #FFF; padding: 0px 5px; margin: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
                                    -moz-box-shadow: 0px 0px 2px #999 inset; -webkit-box-shadow: 0px 0px 2px #999 inset; box-shadow: 0px 0px 2px #999 inset;}
                    .wBlock .dSpace{ margin: 5px 0px 0px; background-color: #365B85; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left;
                                    -moz-box-shadow: 0px 0px 2px #222 inset; -webkit-box-shadow: 0px 0px 2px #222 inset; box-shadow: 0px 0px 2px #222 inset; width: 45%; min-width: 82px; min-height: 72px;}

                    .wBlock .rSpace{width: 45%; float: right; margin: 5px 0px 0px;}

                    .menu .wBlock{margin-bottom: 0px;}

                    .wBlock.auto{ width: auto; margin-right: 20px; float: left;}
                        .wBlock.auto .dSpace,
                        .wBlock.auto .rSpace{width: auto;}

                        .wBlock .dSpace h3,
                        .wBlock .rSpace h3{margin: 2px 0px; padding: 0px; font-size: 12px; text-align: center; color: #c7e3fc; font-weight: normal; line-height: 14px;
                                           -moz-text-shadow: 0 1px 0 #333; -webkit-text-shadow: 0 1px 0 #333; text-shadow: 0 1px 0 #333;}
                        .wBlock .dSpace span,
                        .wBlock .rSpace span{display: block; text-align: center; color: #FFF; font-size: 12px; line-height: 16px;
                                            -moz-text-shadow: 0 1px 0 #333; -webkit-text-shadow: 0 1px 0 #333; text-shadow: 0 1px 0 #333;}
                            .wBlock .dSpace span.number{font-size: 30px; color: #FFF; font-weight: bold; line-height: 32px;}
                            .wBlock .dSpace span b,
                            .wBlock .rSpace span b{font-weight: normal; color: #c7e3fc;}
                        .wBlock .rSpace h3{text-align: left;}
                        .wBlock .rSpace span{text-align: left; margin-top: 2px;}

                        .wBlock.green .dSpace{background-color: #677C12;}
                        .wBlock.red .dSpace{background-color: #7F1C0F;}
                        .wBlock.blue .dSpace{background-color: #4A82BA;}

                        .wBlock.green .dSpace h3,
                        .wBlock.green .rSpace span b{color: #FFF;}


                        .wBlock.red .dSpace h3,
                        .wBlock.red .rSpace span b{color: #FFE3E2;}

                        .wBlock.blue .dSpace h3,
                        .wBlock.blue .rSpace span b{color: #FFF;}


            /* block widget */

